<template>
    <div class="header">
        <div class="top">
            <div class="container"><img :src="require('@/assets/images/logo.png')" ></div>
        </div>
        <div class="ad">
            <slot>
            <img :src="require('@/assets/images/banner.jpg')" alt="">
            </slot>
        </div>
    </div>
</template>
<script>
    export default {
        name: "ViewHeader",
    }
</script>

<style lang="scss" scoped>
.top{
    padding: 15px 0;
    background-color: #b00808;
}
.ad{
    img{
        width: 100%;
        display: block;
        overflow: hidden;
    }
}
.container {
    width: 1200px;
    margin: 0 auto;
}
</style>
